<include file="public/header" />

<!--当前页面私有样式-->
<link rel="stylesheet" href="/html/static/css/swiper.css">
<link href="/html/static/css/index.css" rel="stylesheet">
<script src="/html/static/js/swiper.min.js"></script>

<div class="index_header">
    <div id="mainMenuBarAnchor"></div>
    <div class="header_top" id="mainMenuBar">
        <form class="search" method="get" >
            <label for="search"></label>
            <input id="search" name="search" type="text" placeholder="搜索您要的商品" />
            <input type="submit" value="搜索" />
        </form>
        <div class="message">
            <a href="#">
                <span>11</span>
            </a>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function() {
            var $window = $(window),$mainMenuBar = $('#mainMenuBar'),$mainMenuBarAnchor = $('#mainMenuBarAnchor');
            $window.scroll(function() {
                var window_top = $window.scrollTop();
                var div_top = $mainMenuBarAnchor.offset().top;
                if (window_top > div_top) {
                    $mainMenuBar.addClass('stick');
                    $mainMenuBarAnchor.height($mainMenuBar.outerHeight());
                } else {
                    $mainMenuBar.removeClass('stick');
                    $mainMenuBarAnchor.height(0);
                }
            });
        });
    </script>
    <div class="header_bottom">
        <div class="swiper-container banner">
            <div class="swiper-wrapper">
                <foreach name="banner" item="vo">
                <div class="swiper-slide">
                    <img src="{$vo.thumb}" />
                </div>
                </foreach>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>

    <script>
        var swiper = new Swiper('.banner', {
            pagination: '.banner .swiper-pagination',
            autoplay: 2500,
            paginationClickable: true
        });
    </script>
</div>

<div class="user">
    <img class="touxiang" src="/html/static/picture/touxiang.jpg" />
    <div class="info">
        <h2 class="niki">A-admin</h2>
        <ul class="list">
            <a class="item" href="#">
                <p class="pic">
                    <img src="/html/static/images/ico_1.png" />
                </p>
                <span class="title">全部商品</span>
            </a>
            <a class="item" href="#">
                <p class="pic">
                    <img src="/html/static/images/ico_2.png" />
                </p>
                <span class="title">最新商品</span>
            </a>
            <a class="item" href="#">
                <p class="pic">
                    <img src="/html/static/images/ico_3.png" />
                </p>
                <span class="title">我的订单</span>
            </a>
            <a class="item" href="#">
                <p class="pic">
                    <img src="/html/static/images/ico_4.png" />
                </p>
                <span class="title">我的积分</span>
            </a>
        </ul>
    </div>
</div>

<div class="mukuai">
    <ul class="list">
        <a href="#" class="item">
            <p class="pic">
                <img src="/html/static/images/ico_5.png" />
            </p>
            <span class="title">团购商品</span>
        </a>
        <a href="#" class="item">
            <p class="pic">
                <img src="/html/static/images/ico_6.png" />
            </p>
            <span class="title">秒杀商品</span>
        </a>
        <a href="#" class="item">
            <p class="pic">
                <img src="/html/static/images/ico_7.png" />
            </p>
            <span class="title">我要开店</span>
        </a>
        <a href="#" class="item">
            <p class="pic">
                <img src="/html/static/images/ico_8.png" />
            </p>
            <span class="title">会员中心</span>
        </a>
    </ul>
</div>

<div class="mukuai1">
    <ul class="list">
        <a href="#" class="item item1">
            <h3 class="title">限时秒杀</h3>
            <div class="pic">
                <img src="/html/static/picture/huo.png" />
                <img src="/html/static/picture/huo.png" />
                <img src="/html/static/picture/dian.png" />
            </div>
            <div class="word">鬼知道你喜欢啥</div>
        </a>
        <a href="#" class="item item2">
            <h3 class="title">热门团购</h3>
            <div class="tuan">
                <img src="/html/static/picture/tuan.png" />
                <div class="content">
                    <p>加加减减公主眼膜</p>
                    <span>1000+评价</span>
                </div>
            </div>
            <div class="word">五万人推荐</div>
        </a>
    </ul>
</div>

<div class="index_pro">
    <div class="item">
        <div class="top">
            <div class="title">
                <a>限时商品</a>
                <span>一件享受优惠价</span>
            </div>
        </div>
        <ul class="list">

            <foreach name="goods_list" item="vo">
            <li class="item">
                <div class="pic">
                    <a href="{:url('goods/detail',array('goods_id'=>$vo['id']))}">
                        <img src="{$vo.thumb}" />
                    </a>
                </div>
                <div class="content">
                    <h2 class="title">
                        <a href="{:url('goods/detail',array('goods_id'=>$vo['id']))}">{$vo.name}</a>
                    </h2>
                    <p class="desc">
                        <a>{$vo.introduce}</a>
                    </p>
                    <p class="tab">
<!--                        <a>特卖</a>-->
                        <if condition="$vo.recommend eq 1">
                            <a>新品</a>
                        </if>

                    </p>
                    <div class="info">
                        <p class="left">
                            <strong>{$vo.price}</strong>
                            <span>{$vo.discount_price}</span>
                        </p>
                        <a class="qiang" href="{:url('goods/detail',array('goods_id'=>$vo['id']))}">立即购买</a>
                    </div>
                </div>
            </li>
            </foreach>
        </ul>
    </div>
<!--    <div class="item">-->
<!--        <div class="top">-->
<!--            <div class="title">-->
<!--                <a>限时抢购</a>-->
<!--                <span>一件享受团购价</span>-->
<!--            </div>-->
<!--        </div>-->
<!--        <ul class="list">-->
<!--            <li class="item">-->
<!--                <div class="pic">-->
<!--                    <a href="#">-->
<!--                        <img src="/html/static/picture/product.jpg" />-->
<!--                    </a>-->
<!--                </div>-->
<!--                <div class="content">-->
<!--                    <h2 class="title">-->
<!--                        <a href="#">加一元送一袋 稻花香大米</a>-->
<!--                    </h2>-->
<!--                    <p class="desc">-->
<!--                        <a>滋稻乐</a>-->
<!--                        <a>五常稻花香</a>-->
<!--                        <a>大米</a>-->
<!--                        <a>5斤</a>-->
<!--                    </p>-->
<!--                    <p class="tab">-->
<!--                        <a>特卖</a>-->
<!--                        <a>新品</a>-->
<!--                    </p>-->
<!--                    <div class="info">-->
<!--                        <p class="left">-->
<!--                            <strong>￥49.9</strong>-->
<!--                            <span>￥69.8</span>-->
<!--                        </p>-->
<!--                        <a class="qiang" href="#">立即抢购</a>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </li>-->
<!--            <li class="item">-->
<!--                <div class="pic">-->
<!--                    <a href="#">-->
<!--                        <img src="/html/static/picture/product.jpg" />-->
<!--                    </a>-->
<!--                </div>-->
<!--                <div class="content">-->
<!--                    <h2 class="title">-->
<!--                        <a href="#">加一元送一袋 稻花香大米</a>-->
<!--                    </h2>-->
<!--                    <p class="desc">-->
<!--                        <a>滋稻乐</a>-->
<!--                        <a>五常稻花香</a>-->
<!--                        <a>大米</a>-->
<!--                        <a>5斤</a>-->
<!--                    </p>-->
<!--                    <p class="tab">-->
<!--                        <a>特卖</a>-->
<!--                        <a>新品</a>-->
<!--                    </p>-->
<!--                    <div class="info">-->
<!--                        <p class="left">-->
<!--                            <strong>￥49.9</strong>-->
<!--                            <span>￥69.8</span>-->
<!--                        </p>-->
<!--                        <a class="qiang" href="#">立即抢购</a>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </li>-->
<!--            <li class="item">-->
<!--                <div class="pic">-->
<!--                    <a href="#">-->
<!--                        <img src="/html/static/picture/product.jpg" />-->
<!--                    </a>-->
<!--                </div>-->
<!--                <div class="content">-->
<!--                    <h2 class="title">-->
<!--                        <a href="#">加一元送一袋 稻花香大米</a>-->
<!--                    </h2>-->
<!--                    <p class="desc">-->
<!--                        <a>滋稻乐</a>-->
<!--                        <a>五常稻花香</a>-->
<!--                        <a>大米</a>-->
<!--                        <a>5斤</a>-->
<!--                    </p>-->
<!--                    <p class="tab">-->
<!--                        <a>特卖</a>-->
<!--                        <a>新品</a>-->
<!--                    </p>-->
<!--                    <div class="info">-->
<!--                        <p class="left">-->
<!--                            <strong>￥49.9</strong>-->
<!--                            <span>￥69.8</span>-->
<!--                        </p>-->
<!--                        <a class="qiang" href="#">立即抢购</a>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </li>-->
<!--        </ul>-->
<!--    </div>-->
</div>



<include file="public/foot" />